@charset "utf-8";

body{ background-color: #fafcfd; position: relative;}

.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.11rem; height: 0.11rem; margin:0 0.08rem 0 0; background: #fff; opacity: 1; display: inline-block;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}

.header-con{ width:100%; position: absolute; left: 0; top: 0; right: 0; z-index: 2;}
.header-con.on{ width:100%; position: fixed; left: 0; top: 0; right: 0; z-index: 12;}
.header-con.on .header{ background: transparent;}
.header-con.on .header .top{ background-color: rgba(139,168,207,.6);}
.header-con.on .header .top .s-box,.header-con .header .top .s-box { width: 0.40rem; height: 0.30rem; margin: 0.04rem 0; padding-right: 0.1rem; float: left; display: inline-block; position: relative; background: url(../images/bg_header_a.png) no-repeat right center;}
.header-con.on .header .top .s-box input[type="text"],.header-con .header .top .s-box input[type="text"] { width: 0; height: 0.30rem; font-size: 0.15rem; line-height: 0.30rem; border: 0; background: #FFFFFF; display: block; position: absolute; right: 0; z-index: 101;}
.header-con.on .header .top .s-box input[type="button"],.header-con .header .top .s-box input[type="button"] { width:0.30rem; height: 0.30rem; background: url(../images/bg_ej_searchbtn.png) no-repeat center center; background-size: 100%; border: 0; position: absolute; top: 0; right: 0.1rem; cursor: pointer; z-index: 102;}
.header-con.on .header .top input[type="text"], .header-con.on .header .top input[type="button"],.header-con .header .top input[type="text"], .header-con .header .top input[type="button"] { transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.header-con.on .header .top .s-box:hover input[type="text"],.header-con .header .top .s-box:hover input[type="text"] { width: 2rem; padding: 0 0.15rem; right: 0; border-radius: 0.03rem;}
.header-con.on .header .top .s-box:hover input[type="button"],.header-con .header .top .s-box:hover input[type="button"] { width:0.30rem; height: 0.30rem; background: url(../images/bg_searchbtn_hover.png) no-repeat center; background-size: 100%; right: 0.1rem;}
.header-con.on .bmjz-menu { background-color: rgba(139,168,207,.9);}

.ydy{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 11; opacity: 1;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; position: absolute; display: block;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.pic{ height: 100%; object-fit: cover;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.picfont{ height: auto; left: 0; bottom: 0; z-index: 2;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.pc{ display: block;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.app{ display: none;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.app01{ width:2.14rem; height: 4.15rem; left: 0; bottom: 40%;}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.app02{ width:4.13rem; height: 1.23rem; margin-left: 1.56rem; bottom: 8%; transform: translate(-50%,0);}
.ydy .swiper-container .swiper-wrapper .swiper-slide img.app03{ width:1.82rem; height: 5.75rem; left: auto; right: 0; bottom: 30%;}
.ydy .swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.2rem; height: 0.04rem; background-color: #e5edf6; border-radius: 0.02rem;}
.ydy .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}

.ydy .ydy-con{ width:100%; height: 100%; position: absolute; top: 0; left:0; z-index: 3;}
.ydy .ydy-con .ydyBtn { width:1.1rem; padding: 0.12rem; border-radius: 0.03rem; background-color: rgba(139,168,207,0.8); position: absolute; right:0.3rem; top: 0.7rem; z-index: 999999; overflow: hidden; cursor: pointer;}
.ydy .ydy-con .ydyBtn p{ font-size: 0.16rem; color: #fff; text-align: center; animation: upHid 10s both infinite; -webkit-animation: upHid 10s both infinite; display: block;}
.ydy .ydy-con .logo{ width:4.52rem; height: 1.86rem; position: absolute; top: 1.02rem; left: 50%; transform: translate(-50%,0); z-index: 5;}
.ydy .ydy-con .logo .img{ width:100%; height: 100%; background: url(../images/bg_yd_logo.png) no-repeat center center; background-size: 100%; display: block;}

.ydy.on, .index-pic.on, .index-content.on{ display: none;}
.index-pic{ width: 100vw; height:calc( 27px + 100vh); position: relative; overflow: hidden;}
.index-pic .pic{ width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.index-pic .pic img{ width:100%; height: 100%; object-fit: cover;/* animation: scaleDraw 60s ease-in-out infinite; */}
.index-pic .header{ background: linear-gradient(0deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 80%);}
.index-pic .logo{ width:80%; position: absolute; top: 1.02rem; left: 50%; transform: translate(-50%,0);}
.index-pic .logo .img{ width:4.52rem; height: 1.86rem; margin: 0 auto; background: url(../images/bg_yd_logo.png) no-repeat center center; background-size: 100%; display: block;}
.index-pic .search { width:100%; height: 0.6rem; margin-top: 0.15rem; position: relative; display: none;}
.index-pic .search input[type="text"] { width: 100%; height: 100%; padding-left: 0.15rem; font-size: 0.27rem; color: #125db2; border-radius: 0.3rem; background-color: rgba(255, 255, 241, 0.6);}
.index-pic .search input[type="button"] { width:0.6rem; height: 0.6rem; position: absolute; top: 0; right: 0.15rem; bottom: 0; background: url(../images/bg_searchbtn_hover.png) no-repeat center;}

.index-content{ margin-top: -0.9rem; background-image: url(../images/bg_index.png); background-position: top center; background-size: 100% 100%; position: relative; z-index: 1;}
.index_nav { padding: 0.1rem 0;}
.index_nav ul{ width:100%;}
.index_nav ul li{ width: calc(100% / 7); float: left; font-size: 0.23rem; line-height: 0.6rem; text-align: center;}
.index_nav ul li a{ height: 100%; color: #fff; display: inline-block; position: relative;}
.index_nav ul li a span{ display: block;}
.index_nav ul li a i{ width:0; height: 0.03rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-color: #fff;}
.index_nav ul li a:hover span,.index_nav ul li a.active span{ font-weight: bold;}
.index_nav ul li a:hover i,.index_nav ul li a.active i{ width:100%;}
.index_nav ul li:nth-of-type(1) a em{ width:100%; height: 100%; line-height: 0.6rem; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: none;}
.index_nav ul li:nth-of-type(1) a em img{ width:0.6rem; height: 0.6rem; margin: 0 auto; display: block;}

.head-frist{ margin: 0.5rem 0;}
.head-frist .a-link{ width:1.3rem; padding: 0.08rem 0.1rem; font-size: 0.26rem; font-weight: bold; line-height: 0.4rem; color: #3978cc; text-align: center; border-radius: 0.1rem; background-color: rgba(255,255,255,.8); display: block;}
#announcement { width: calc(100% - 1.48rem); height: 0.96rem;}
#announcement a{ height: 100%; height: 100%; font-size: 0.36rem; color: #fff; font-weight: bold; line-height: 0.48rem; text-align: center; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.zwdt .jdt{ width:6.47rem; height: 3.72rem;}
.zwdt .jdt .fonts { height: 0.49rem; padding-left: 0.15rem; line-height: 0.49rem; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5);}
.zwdt .jdt .fonts span{ margin-right: 1.35rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.zwdt .jdt .swiper-container .swiper-pagination { padding-right: 0.07rem; height: 0.49rem; line-height: 0.49rem; text-align: right; bottom: 0;}

.zwdt .dt { width: calc(100% - 6.67rem);}
.zwdt .dt .hd { width:100%;}
.zwdt .dt .hd ul{ width:100%;}
.zwdt .dt .hd ul li { width: calc(100% / 5); float: left;}
.zwdt .dt .hd ul li a { padding: 0 0.1rem; font-size: 0.22rem; color: #000; line-height: 0.48rem; text-align: center; display: block;}
.zwdt .dt .hd ul li:hover a,.zwdt .dt .hd ul li.active a { color: #fff; border-radius: 0.5rem; background-color: #125db2;}
.zwdt .dt .bd { height: 3.1rem; margin-top: 0.14rem; overflow: hidden;}
.zwdt .dt .bd .info li a,.zwdt .dt .bd .info li span{ color: #000;}

.gd { height: 0.54rem; margin-top: 0.22rem; padding: 0 0.1rem; line-height: 0.54rem; border: 0.01rem solid #e7eff5; background-color: #f0f6fa; position: relative;}
.gd.bmts{ margin-top: 0.15rem;}
.gd .font { width:0.96rem; float: left; font-size: 0.2rem; font-weight: bold;}
.gd .font a { color: #de0b0b;}
.gd .fonts-box { height: 100% !important; overflow: hidden; position: relative;}
.gd .fonts-box a { margin-right: 0.2rem; padding-right: 1.38rem; color: #222; background: url(../images/bg_header_a01.png) no-repeat right center; position: relative;}
.gd .fonts-box a span { color: #666; display: inline-block; position: absolute; right: 0.2rem;}
.gd .fonts-box a:hover{ color: #3978cc;}
.gd .lm-box{ height: 100%; overflow: hidden;}
.gd .lm-box{}
.gd .str_wrap { width: calc(100% - 0.96rem); position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap; overflow: hidden;}
.gd .str_move { position: absolute; white-space: nowrap; top: 0; left: 0; cursor: move;}
.gd .str_move_clone { position: absolute; top: 0; left: 100%; vertical-align: top;}
.gd .str_vertical .str_move_clone { top: 100%; left: 0;}
.gd .str_down .str_move_clone { left: 0; bottom: 100%;}
.gd .str_vertical .str_move,.gd .str_down .str_move { white-space: normal; width: 100%;}
.gd .str_static .str_move,.gd .no_drag .str_move,.gd .noStop .str_move { cursor: inherit;}

.bmts{ height: 0.93rem; margin-top: 0.25rem;}
.bmts .hd{ width: 1.86rem; height: 100%;}
.bmts .hd .box{ height: 100%; margin-right: 0.2rem; padding-right: 0.08rem; background: url(../images/bg_bmts_hd.png) no-repeat right center;}
.bmts .hd .box a{ width: 100%; height: 100%; border-radius: 0.03rem; background-color: #3978cc; text-align: center; display: block; position: relative;}
.bmts .hd .box a .img{ width:100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.bmts .hd .box a .img img{ width:0.36rem; height: 0.36rem; margin: 0 auto 0.05rem auto;}
.bmts .hd .box a .img img.pc{ display: block;}
.bmts .hd .box a .img img.app{ display: none;}
.bmts .hd .box a .img span{ font-size: 0.2rem; color: #fff; font-weight: bold; display: block;}
.bmts .bd{ width: calc(100% - 1.86rem);}
.bmts .bd ul{ margin-right: -0.25rem;}
.bmts .bd ul li{ width: calc(100% / 4); float: left;}
.bmts .bd ul li a{ margin-right: 0.25rem; display: block;}
.bmts .bd ul li a .box{ padding-right: 1rem; font-size: 0.19rem; color: #1669c6; font-weight: bold; line-height: 0.93rem; text-align: center; letter-spacing: 0.03rem; border:0.01rem solid #c7d8ec; background-repeat: no-repeat; box-shadow: 0 0 0.06rem rgba(198, 214,235, 1); background-position: right bottom; background-size: cover; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.bmts .bd ul li a .box.fwrx{ background-image: url(../images/bg_bmts_bs_li01.png);}
.bmts .bd ul li a .box.dljt{ background-image: url(../images/bg_bmts_bs_li02.png);}
.bmts .bd ul li a .box.xyxx{ background-image: url(../images/bg_bmts_bs_li03.png);}
.bmts .bd ul li a .box.zpxx{ background-image: url(../images/bg_bmts_bs_li04.png);}
.bmts .bd ul li a:hover .box{ letter-spacing: 0.08rem;}

.xct { height: 1.1rem; margin-top: 0.25rem; position: relative; overflow: hidden;}
.xct .swiper-container .swiper-wrapper .swiper-slide { background-image: url(../images/bg_xct.png); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.xct .swiper-container .swiper-wrapper .swiper-slide img{ max-width:100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}
.xct .swiper-container .swiper-pagination{ bottom: 0;}

.zc-xct{ height: 1.4rem; margin-top: 0.25rem; position: relative; overflow: hidden;}
.zc-xct img{ height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.zc-xct .pc{ height: 100%; display: block; background-image: url(../images/bg_xct_zc_pc.png); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.zc-xct .app{ display: none;}

.big-lm { width:7.04rem; margin: 0.5rem auto 0 auto; font-size: 0.32rem; font-weight: bold; line-height: 0.28rem; text-align: center; background: url(../images/bg_index_lm.png) no-repeat center center; background-size: 100%;}
.big-lm a { display:block;}
.big-lm a span { letter-spacing: 0.02rem; display: inline-block;}
.big-lm a span.span01 {color: #ca2e04;}
.big-lm a span.span02 { color: #467ac0;}

.zwgk{ margin-top: 0.5rem;}
.zwgk .dt { width: calc(100% - 5.3rem);}
.zwgk .dt .hd { width:100%;}
.zwgk .dt .hd ul{ width:100%;}
.zwgk .dt .hd ul li { width: calc(100% / 5); float: left;}
.zwgk .dt .hd ul li a { padding: 0 0.1rem; font-size: 0.22rem; color: #000; line-height: 0.48rem; text-align: center; display: block;}
.zwgk .dt .hd ul li:hover a,.zwgk .dt .hd ul li.active a { color: #fff; border-radius: 0.5rem; background-color: #125db2;}
.zwgk .dt .bd { height: 2.9rem; margin-top: 0.14rem; overflow: hidden;}
.zwgk .dt .bd .info li{ line-height: 0.58rem;}
/* .zwgk .dt .bd .info li a,.zwgk .dt .bd .info li span{ color: #000;} */

.zwgk .zc-search{ margin-top: 0.07rem;}
.zwgk .zc-search .zc-font{ width:1.46rem; height: 0.6rem; margin-right: 0.15rem; line-height: 0.6rem;}
.zwgk .zc-search .zc-font img{ width:100%; display: inline-block; vertical-align: middle;}
.zwgk .zc-search .search-box{ width: calc(100% - 1.61rem); height: 0.6rem; padding-left: 0.6rem; font-size:0.17rem; line-height: 0.6rem; border-top-left-radius: 0.03rem; border-bottom-left-radius: 0.03rem; background: url(../images/bg_zcsearch_ico.png) no-repeat 0.15rem center #e9f1f5; position: relative;}
.zwgk .zc-search .search-box input[type="text"]{ width: 100%; height: 100%; background-color: transparent;}
.zwgk .zc-search .search-box input[type="text"]::placeholder { color: #a0a4a9;}
.zwgk .zc-search .search-box input[type="button"]{ width:1.15rem; font-size: 0.16rem; color: #fff; font-weight: bold; background-color: #3978cc; position: absolute; top: 0; right: 0; bottom: 0; border-top-right-radius: 0.03rem; border-bottom-right-radius: 0.03rem; cursor: pointer; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all  1s; -o-transition: all 1s;}
.zwgk .zc-search .search-box input[type="button"]:hover{ background-color: #1556ad;}

.zwgk .ml{ width:5.03rem;}
.zwgk .ml .hd{ width:100%; height: 0.77rem; font-size: 0.24rem; color: #fff; line-height: 0.77rem; text-align: center; background: url(../images/bg_zfxxgk_lm.png) no-repeat center center; background-size: 100% 100%;}
.zwgk .ml .bd{ width:100%;}
.zwgk .ml .bd ul{ width:100%;}
.zwgk .ml .bd ul li{ width: calc(99.9999999% / 3); height: 1.14rem; float: left; background-color: #f0f6fa; position: relative;}
.zwgk .ml .bd ul li:nth-child(2n) { background-color: #e7eff5;}
.zwgk .ml .bd ul li::before { left: 0; top: 0;}
.zwgk .ml .bd ul li::after { right: 0; bottom: 0;}
.zwgk .ml .bd ul li::before,.zwgk .ml .bd ul li::after { width: 0; height: 0.01rem;}
.zwgk .ml .bd ul li a{ width:100%; height: 100%; display: block; position: relative;}
.zwgk .ml .bd ul li a::before { left: 0; top: 0;}
.zwgk .ml .bd ul li a::after { right: 0; bottom: 0;}
.zwgk .ml .bd ul li a::before,.zwgk .ml .bd ul li a::after { width: 0.01rem; height: 0;}
.zwgk .ml .bd ul li::before,.zwgk .ml .bd ul li::after,.zwgk .ml .bd ul li a::before,.zwgk .ml .bd ul li a::after{ content: ""; background-color: #75a7e8; position: absolute; display: block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.zwgk .ml .bd ul li a .dt-box{ width:100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: inline-block;}
.zwgk .ml .bd ul li a .dt-box span{ line-height: 0.26rem; text-align: center; display: block;}
.zwgk .ml .bd ul li a .dt-box img{ width:0.36rem; height: 0.36rem; margin: 0 auto 0.10rem auto; display: block;}
.zwgk .ml .bd ul li:hover { background-color: #f6f9fd; box-shadow: 0 0 0.05rem rgba(57, 120, 204, 0.6); cursor: pointer; z-index: 1;}
.zwgk .ml .bd ul li:hover::before, .zwgk .ml .bd ul li:hover::after { width: 100%;}
.zwgk .ml .bd ul li:hover a::before,.zwgk .ml .bd ul li:hover a::after { height: 100%;}
.zwgk .ml .bd ul li:hover a .dt-box img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}

.zwgk .zwxct { height: 1.3rem; margin-top: 0.25rem; position: relative; overflow: hidden;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(1) a{ margin-right: -0.13rem; background-position: right center;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2) a{ margin: 0 -0.13rem; background-position: center center; background-size: 100% 100%;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(3) a{ margin-left: -0.13rem; background-position: left center;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide a{ height: 100%; background-repeat: no-repeat; background-size: cover; display: block;position: relative;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide a img{ animation: shakeY1 10s linear infinite; -webkit-animation: shakeY1 10s linear infinite;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide a.app{ text-align: center; display: none;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(1) a.app{ margin: 0; background-position: bottom center;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2) a.app{ margin: 0; background-position: bottom center; background-size: cover;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(3) a.app{ margin: 0; background-position: bottom center;}
.zwgk .zwxct .swiper-container .swiper-wrapper .swiper-slide a.app img{ display: inline-block;}

.zwfw{}
.zwfw .wrap{ margin:0.55rem 0 0 0; overflow: hidden;}
.zwfw .wrap .card-item{ width:2.52rem; height: 3.53rem; float:left; background-color: rgba(241,246,250,.65); position:relative; z-index:4; transition:all .3s cubic-bezier(.4,0,.2,1), z-index 0s .12s;}
.zwfw .wrap .card-item .lm-pic{ width:2.52rem; height: 100%; padding: 0.2rem; background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.zwfw .wrap .card-item .lm-pic.ztfw{ background-image: url(../images/bg_zwfw_ztfw.png);}
.zwfw .wrap .card-item .lm-pic.grbs{ background-image: url(../images/bg_zwfw_grbs.png);}
.zwfw .wrap .card-item .lm-pic.qybs{ background-image: url(../images/bg_zwfw_qybs.png);}
.zwfw .wrap .card-item .lm-pic span{ width:0.23rem; font-size:0.23rem; line-height: 0.28rem; text-shadow: -0.01rem -0.01rem 0 #ffffff, 0.01rem -0.01rem 0 #ffffff, -0.01rem 0.01rem 0 #ffffff, 0.01rem 0.01rem 0 #ffffff; word-wrap: break-word; display: block;}
.zwfw .wrap .card-item .lm-pic.ztfw span{ color: #a08dda;}
.zwfw .wrap .card-item .lm-pic.grbs span{ color: #649f95;}
.zwfw .wrap .card-item .lm-pic.qybs span{ color: #0095ef;}
.zwfw .wrap .card-item .box{ width: calc(100% - 2.77rem); padding: 0.25rem 0.25rem 0.25rem 0; display: none;}
.zwfw .wrap .card-item .box .hd{ font-size: 0.22rem; position: relative;}
.zwfw .wrap .card-item .box .hd span{ padding-bottom: 0.2rem; color: #3978cc; background: url(../images/bg_arrow.png) no-repeat center bottom; display: inline-block; position: relative;}
.zwfw .wrap .card-item .box .hd span i{ width:100%; height: 0.03rem; background-color: #3978cc; position: absolute; left: 0; right: 0; bottom: 0.05rem;}
.zwfw .wrap .card-item .box .hd a{ width:0.85rem; height: 0.3rem; font-size: 0.15rem; color: #fff; line-height: 0.3rem; text-align: center; border-radius: 0.3rem; display: block; position: absolute; top:50%; right: 0; transform: translate(0, -50%);}
.zwfw .wrap .card-item .box .hd a.ztfw{ background-color: #a8cbfe;}
.zwfw .wrap .card-item .box .hd a.grbs{ background-color: #21c1cb;}
.zwfw .wrap .card-item .box .hd a.qybs{ background-color: #00c6fb;}
.zwfw .wrap .card-item .box .hd a:hover{ background-color: #3978cc;}
.zwfw .wrap .card-item .box .tip{ margin: 0.3rem 0 0.15rem 0; font-size: 0.17rem; color: #999; line-height: 0.45rem;}
.zwfw .wrap .card-item .box .bd{}
.zwfw .wrap .card-item .box .bd ul{ width:100%;}
.zwfw .wrap .card-item .box .bd ul li{ width: calc(100% / 4); height: 1.18rem; float: left; position: relative;}
.zwfw .wrap .card-item .box .bd ul li::before { left: 0; top: 0;}
.zwfw .wrap .card-item .box .bd ul li::after { right: 0; bottom: 0;}
.zwfw .wrap .card-item .box .bd ul li::before,.zwfw .wrap .card-item .box .bd ul li::after { width: 0; height: 0.01rem;}
.zwfw .wrap .card-item .box .bd ul li a{ padding: 0.11rem 0.05rem 0.1rem 0.05rem; font-size: 0.17rem; line-height: 0.26rem; text-align: center; display: block;}
.zwfw .wrap .card-item .box .bd ul li a::before { left: 0; top: 0;}
.zwfw .wrap .card-item .box .bd ul li a::after { right: 0; bottom: 0;}
.zwfw .wrap .card-item .box .bd ul li a::before,.zwfw .wrap .card-item .box .bd ul li a::after { width: 0.01rem; height: 0;}
.zwfw .wrap .card-item .box .bd ul li::before,.zwfw .wrap .card-item .box .bd ul li::after,.zwfw .wrap .card-item .box .bd ul li a::before,.zwfw .wrap .card-item .box .bd ul li a::after{ content: ""; background-color: #75a7e8; position: absolute; display: block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.zwfw .wrap .card-item .box .bd ul li a span{ height: 0.52rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.zwfw .wrap .card-item .box .bd ul li a img{ width:0.45rem; height: 0.45rem; margin: 0 auto 0.05rem auto; display: block;}
.zwfw .wrap .card-item .box .bd ul li:hover { background-color: #f6f9fd; box-shadow: 0 0 0.05rem rgba(57, 120, 204, 0.6); cursor: pointer; z-index: 1;}
.zwfw .wrap .card-item .box .bd ul li:hover::before,.zwfw .wrap .card-item .box .bd ul li:hover::after { width: 100%;}
.zwfw .wrap .card-item .box .bd ul li:hover a::before,.zwfw .wrap .card-item .box .bd ul li:hover a::after { height: 100%;}
.zwfw .wrap .card-item .box .bd ul li:hover a img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
.zwfw .wrap .card-item.active{ width: calc(100% - 5.04rem);}
.zwfw .wrap .card-item.active .lm-pic{ width:2.52rem;}
.zwfw .wrap .card-item.active .box{ display: block;}
.zwfw .wrap .bs-hd{ overflow: hidden; display: none;}
.zwfw .wrap .bs-hd ul{}
.zwfw .wrap .bs-hd ul li{ width:33.3333333%; float: left;}
.zwfw .wrap .bs-hd ul li span{ height: 1rem; font-size:0.23rem; color: #fff; font-weight: bold; line-height: 1rem; text-align: center; display: block; cursor: pointer;}
.zwfw .wrap .bs-hd ul li.active span{ color: #fff;}

.zwfw .bths{}
.zwfw .bths ul{ margin-right: -0.25rem;}
.zwfw .bths ul li { width: calc(100% / 4); float: left;}
.zwfw .bths ul li a{ margin: 0.25rem 0.25rem 0 0; font-size: 0.2rem; line-height: 0.86rem; text-align: center; border:0.01rem solid #f2f6fa; border-radius: 0.03rem; background-color: #f2f6fa; display: block;}
.zwfw .bths ul li a img{ width:0.46rem; height: 0.46rem; margin-right: 0.1rem; border-radius: 0.23rem; background: linear-gradient(135deg, rgba(165, 207, 250, 1) 20%, rgba(70, 129, 207, 1) 80%); display: inline-block;}
.zwfw .bths ul li a span{ color: #333; font-weight: bold; display: inline-block; vertical-align: middle;}
.zwfw .bths ul li:hover a{ border:0.01rem solid #d1e1f6; background-color: #e8f0fa;}
.zwfw .bths ul li:hover a img{ box-shadow: 0 0 0.08rem rgba(57, 120, 204, 0.6); animation: shakeY1 10s linear infinite; -webkit-animation: shakeY1 10s linear infinite;}
.zwfw .bths ul li:hover a span{ color: #3978cc;}

.hdjl{ margin-top: 0.55rem;}
.hdjl .hLeft{ width: calc(100% - 5.12rem);}
.hdjl .hLeft .xd-zj{}
.hdjl .hLeft .xd-zj .hd { width:100%;}
.hdjl .hLeft .xd-zj .hd ul{ width:100%;}
.hdjl .hLeft .xd-zj .hd ul li { width: calc(100% / 5); float: left;}
.hdjl .hLeft .xd-zj .hd ul li a { padding: 0 0.1rem; font-size: 0.22rem; color: #000; line-height: 0.48rem; text-align: center; display: block;}
.hdjl .hLeft .xd-zj .hd ul li:hover a,.hdjl .hLeft .xd-zj .hd ul li.active a { color: #fff; border-radius: 0.5rem; background-color: #125db2;}
.hdjl .hLeft .xd-zj .bd { height: 2.9rem; margin-top: 0.14rem; overflow: hidden;}
.hdjl .hLeft .xd-zj .bd .info li{ line-height: 0.56rem;}
/* .hdjl .hLeft .xd-zj .bd .info li a,.hdjl .hLeft .bd .info li span{ color: #000;} */
.hdjl .hLeft .xd-zj .bd .info.xj-info li a { padding-left: 0.25rem; position: relative;}
.hdjl .hLeft .xd-zj .bd .info.xj-info li a i{ width:0.18rem; height: 0.16rem; background: url(../images/bg_lxxd_a.png) no-repeat center center; background-size: 100%; display: block; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}

.hdjl .hLeft .xd-zj .bd .info.zj-info li a{ padding-left: 0.9rem; position: relative;}
.hdjl .hLeft .xd-zj .bd .info.zj-info li a i { width:0.8rem; padding: 0.05rem 0; font-size: 0.16rem; line-height: 0.28rem; text-align: center; border-radius: 0.03rem; display: inline-block; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.hdjl .hLeft .xd-zj .bd .info.zj-info li a i.zjz { color: #fff; background-color: #3978cc;}
.hdjl .hLeft .xd-zj .bd .info.zj-info li a i.yjs { color: #666; background-color: #e9e9e9;}
.hdjl .hLeft .xd-zj .bd .info.zj-info li a .em02 { display: none;}

.hdjl .hLeft .zdyjc{ height: 1.24rem; margin-top: 0.06rem; background-image: url(../images/bg_index_zdjcygk.png); background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%;}
.hdjl .hLeft .zdyjc .a-link{ height: 100%; display: block;}
.hdjl .hLeft .zdyjc .title{ width:4.32rem; height: 100%; background-image: url(../images/bg_zdjcygk_lm.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; position: relative;}
.hdjl .hLeft .zdyjc .title img{ width:100%; height: 100%; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.hdjl .hLeft .zdyjc .title .img01{ display: block;}
.hdjl .hLeft .zdyjc .title .img02{ display: none;}
.hdjl .hLeft .zdyjc .con{ width: calc(100% - 4.32rem); height: calc(100% - 0.17rem); margin-top: 0.17rem; padding: 0.22rem;}
.hdjl .hLeft .zdyjc .con ul{ margin-top: -0.03rem;}
.hdjl .hLeft .zdyjc .con ul li{ width: calc(100% / 3); float: left;}
.hdjl .hLeft .zdyjc .con ul li .box{ margin: 0.03rem 0.2rem 0 0; line-height: 0.33rem; text-align: center; display: block;}
.hdjl .hLeft .zdyjc .con ul li .box img{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; display: inline-block;}
.hdjl .hLeft .zdyjc .con ul li .box span{ font-size: 0.17rem; color: #6095dc; font-weight: bold; display: inline-block;}
.hdjl .hLeft .zdyjc .con ul li:nth-of-type(1) .box{ height: 0.66rem; line-height: 0.66rem; border-radius: 0.05rem; background-color: #94adec;}
.hdjl .hLeft .zdyjc .con ul li:nth-of-type(1) .box span{ color: #fff;}

.hdjl .hRight{ width:4.8rem;}
.hdjl .hRight .gkxx{}
.hdjl .hRight .gkxx .hd{ font-size: 0.22rem; color: #3978cc; font-weight: bold; position: relative;}
.hdjl .hRight .gkxx .hd span{ display: inline-block;}
.hdjl .hRight .gkxx .hd img{ width:2.24rem; height: 0.28rem; position: absolute; top:50%; right: 0; transform: translate(0, -50%);}
.hdjl .hRight .gkxx .bd{}
.hdjl .hRight .gkxx .bd ul{ margin-right: -0.35rem;}
.hdjl .hRight .gkxx .bd ul li{ width: calc(100% / 2); float: left;}
.hdjl .hRight .gkxx .bd ul li a{ margin:0.24rem 0.35rem 0 0; font-size: 0.17rem; line-height: 0.62rem; position:relative; display: block;}
.hdjl .hRight .gkxx .bd ul li a img{ width:0.62rem; height: 0.62rem; border-radius: 0.31rem; box-shadow: 0 0 0.05rem rgba(193, 208, 227, 0.6); background-color: #f7fafd; position: absolute; top:0; left: 0; bottom: 0; display: block;}
.hdjl .hRight .gkxx .bd ul li a span{ width: calc(100% - 0.31rem); float: right; text-align: center; background-color: #e5edf6; display: block;}
.hdjl .hRight .gkxx .bd ul li a:hover img{ animation: headShake 6s linear infinite; -webkit-animation: headShake 6s linear infinite;}
.hdjl .hRight .gkxx .bd ul li a:hover span{ color: #fff; background-color: #3978cc;}
.hdjl .hRight .xjbl{ margin-top: 0.32rem;}
.hdjl .hRight .xjbl .hd{ font-size: 0.22rem; color: #3978cc; font-weight: bold; position: relative;}
.hdjl .hRight .xjbl .hd span{ display: inline-block;}
.hdjl .hRight .xjbl .bd{}
.hdjl .hRight .xjbl .bd ul{}
.hdjl .hRight .xjbl .bd ul li{ width: calc(100% / 2); float: left;}
.hdjl .hRight .xjbl .bd ul li .box{ width:2.52rem; height: 1.7rem; margin: 0.15rem 0 0 0;}
.hdjl .hRight .xjbl .bd ul li .box div{ text-align: center; display: inline-block;}
.hdjl .hRight .xmt{ height: 1.08rem; margin-top: 0.15rem; background: url(../images/bg_xmt.png) no-repeat center center; background-size: cover;}
.hdjl .hRight .xmt img{ width:100%; height: 100%; object-fit: cover; animation: bounceIn 3s linear infinite; -webkit-animation: bounceIn 3s linear infinite;}

.ztzl{ margin-top: 0.5rem; overflow: hidden;}
.ztzl .wrap .swiper-container{ padding-bottom: 0.5rem;}
.ztzl .wrap .swiper-container .swiper-wrapper .swiper-slide a{ height: 1.8rem; display: block;}
.ztzl .wrap .swiper-container .swiper-wrapper .swiper-slide a img{ width:100%; height: 100%; border-radius: 0.06rem; object-fit: cover;}
.ztzl .wrap .swiper-container .swiper-wrapper .swiper-slide a:hover{}
.ztzl .wrap .swiper-container .swiper-wrapper .swiper-slide a:hover img{ transform: scale(0.96);}
.ztzl .wrap .swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.2rem; height: 0.04rem; background-color: #e5edf6; border-radius: 0.02rem;}
.ztzl .wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}

.footer{ margin-top: 0.2rem;}

@keyframes upHid {
	0%,to { -webkit-transform: translateZ(0); transform: translateZ(0);}
	10%,30%,50%,70%,90% { -webkit-transform: translate3d(0, -0.02rem, 0); transform: translate3d(0, -0.02rem, 0);}
	20%,40%,60%,80% { -webkit-transform: translate3d(0, 0.02rem, 0); transform: translate3d(0, 0.02rem, 0);}
}

/* @keyframes upHid {
    0% { opacity: 1; transform: translateY(0);}
    50% { opacity: 1; transform: translateY(-0.05rem);}
    100% { opacity: 1;}
}
@-webkit-keyframes upHid {
    0% { -webkit-opacity: 1; -webkit-transform: translateY(0);}
    50% { -webkit-opacity: 1; -webkit-transform: translateY(-0.05rem);}
    100% { -webkit-opacity: 1;}
} */
@keyframes scaleDraw {
	0% { transform: scale(1);}
	25% { transform: scale(1.02);}
	50% {transform: scale(1);}
	75% {transform: scale(1.02);}
	100% {transform: scale(1);}
}
@keyframes shakeY1 {
	0%,to { -webkit-transform: translateZ(0); transform: translateZ(0);}
	10%,30%,50%,70%,90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
	20%,40%,60%,80% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}
}

  @keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
	0%{ opacity: 0; -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px);}
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.fadeInLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

@keyframes fadeInRight {
	0% { opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px);}
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}

@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px);}
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}

@keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px);}
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInUp { -webkit-animation-name: fadeInDown; animation-name: fadeInUp;}
.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


    
    
    
    
    


